// Greeter.js
// const config=require('./config.json');
// module.exports=function(){
//   let greet=document.createElement('div');
//   greet.innerHTML='<h1>Hello World!</h1>'+`<h2>${config.greetText}</h2>`;
//   greet.style.color='orange';
//   greet.style.margin='20px';
//   greet.style.background='black';
//   greet.style.background='black';
//   return greet;
// };

import React, {Component} from 'react';
import config from './config.json';
import styles from './Greeter.css';

class Greeter extends Component{
  render(){
    return (
      <div className={styles.headline}>
        <h1>{config.greetText}</h1>
        <p className={styles.paragraph}>{config.contentText}</p>
      </div>
    );
  }
}

export default Greeter
